<template>
	<!--
	此文件为开发者工具生成，生成时间: 2022/12/2下午5:00:22
	使用方法：
	在 /Users/anker/Desktop/gfn-xiuxian/unpackage/dist/dev/mp-weixin/pages/index/index.wxml 引入模板
	
	```
	<import src="index.skeleton.wxml"/>
	<template is="skeleton" wx:if="{{loading}}" />
	```
	
	在 /Users/anker/Desktop/gfn-xiuxian/unpackage/dist/dev/mp-weixin/pages/index/index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	-->
	  <view class="sk-container">
	    <view class="container">
	      <view>
	        <view class="top-content sk-image" style="height:172px;">
	          <view style="height:172px;"></view>
	          <view class="top-fixed" style="height:172px;">
	            <view class="status_nav" style="height:47px;"></view>
	            <view class="Index_tab_top" style="height:40px;line-height:40px;top:47px;">
	              <view class="search-input" data-event-opts="tap,inputAdress,$event" style="top:87px;">
	                <view class="search-input-box">
	                  <view class="search-input-left">
	                    <image mode="aspectFill" class="sk-image"></image>
	                    <swiper autoplay="false" circular="true" class="swiper_zi" interval="3000" vertical="true" current="0">
	                      <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0px, 0%) translateZ(0px);">
	                        <view class="zimubox">
	                          <view class="swiper_item sk-transparent sk-text-30-0000-223 sk-text">下楼休闲吧，休闲就此刻</view>
	                        </view>
	                      </swiper-item>
	                    </swiper>
	                  </view>
	                  <view class="search-map sk-transparent sk-text-3-8462-357 sk-text">搜索</view>
	                </view>
	              </view>
	            </view>
	            
	          </view>
	        </view>
	        <scroll-view class="scroll-box" data-event-opts="scrolltolower,tolower,$event,scroll,pullDownRefreash,$event,refresherrefresh,refresh,$event" lower-threshold="250" refresher-enabled="true" scroll-y="true">
	          <view class="index-banner">
	            <swiper autoplay="false" circular="true" data-event-opts="change,changeCurrent,$event" duration="1000" interval="3000" current="0">
	              <swiper-item data-event-opts="tap,PosterJumpPage,$0,adList,,0" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
	                <image mode="aspectFill" class="sk-image"></image>
	              </swiper-item>
	            </swiper>
	            <view class="dots-box">
	              <view class="dots"></view>
	            </view>
	          </view>
						<view class="type-list" style="top:87px;">
						  <view class="type-item" data-event-opts="tap,JumpPage,typeList,$0,typeList,,0,id">
						    <image mode="aspectFill" class="sk-image"></image>
						    <view class="sk-transparent sk-text-12-5000-149 sk-text" style="background-position-x: 50%;">生活服务</view>
						  </view>
						  <view class="type-item" data-event-opts="tap,JumpPage,typeList,$0,typeList,,1,id">
						    <image mode="aspectFill" class="sk-image"></image>
						    <view class="sk-transparent sk-text-12-5000-638 sk-text" style="background-position-x: 50%;">霸王餐</view>
						  </view>
						  <view class="type-item" data-event-opts="tap,JumpPage,typeList,$0,typeList,,2,id">
						    <image mode="aspectFill" class="sk-image"></image>
						    <view class="sk-transparent sk-text-12-5000-782 sk-text" style="background-position-x: 50%;">休闲玩乐</view>
						  </view>
						  <view class="type-item" data-event-opts="tap,JumpPage,typeList,$0,typeList,,3,id">
						    <image mode="aspectFill" class="sk-image"></image>
						    <view class="sk-transparent sk-text-12-5000-965 sk-text" style="background-position-x: 50%;">按健</view>
						  </view>
						  <view class="type-item" data-event-opts="tap,JumpPage,typeList,$0,typeList,,4,id">
						    <image mode="aspectFill" class="sk-image"></image>
						    <view class="sk-transparent sk-text-12-5000-403 sk-text" style="background-position-x: 50%;">酒店住宿</view>
						  </view>
						  <view class="type-item" data-event-opts="tap,JumpPage,typeList,$0,typeList,,5,id">
						    <image mode="aspectFill" class="sk-image"></image>
						    <view class="sk-transparent sk-text-12-5000-750 sk-text" style="background-position-x: 50%;">运动健身</view>
						  </view>
						</view>
	          <view class="index_store">
	            <view class="store-tab" style="top:172px;">
	              <!-- <view class="store-type">
	                <scroll-view bounces="true" class="scroll-view" enhanced="true" scroll-x="true">
	                  <view class="type-item type-active sk-transparent sk-text-15-2174-545 sk-text" data-event-opts="tap,switchTag,1001" style="scroll-snap-align: none;">附近</view>
	                  <view class="type-item sk-transparent sk-text-15-0000-222 sk-text" data-event-opts="tap,switchTag,1002" style="scroll-snap-align: none;">热门</view>
	                  <view class="type-item sk-transparent sk-text-15-0000-978 sk-text" data-event-opts="tap,switchTag,1003" style="scroll-snap-align: none;">最新</view>
	                </scroll-view>
	              </view>
	              <view class="store-tab-map" data-event-opts="tap,JumpPage,map">
	                <image mode="aspectFill" class="sk-image"></image>
	                <view class="sk-transparent sk-text-20-0000-435 sk-text">地图找店</view>
	              </view> -->
	            </view>
	            <view class="store-list">
	              <view class="store-item-odd">
	                <view class="store-item" data-event-opts="tap,jumpDetil,$0,leftlist,,0,id">
	                  <image class="store-thumb sk-image" mode="widthFix" style="height: 117.7px;"></image>
	                  <view class="store-info">
	                    <view class="store-name sk-transparent sk-text-15-0000-349 sk-text">恋弓射箭馆(大中华店)</view>
	                    <view class="store-content word-line-clamp1">
	                      <text class="sk-transparent sk-text-14-7059-86 sk-text">射箭馆</text>
	                      <text class="sk-transparent sk-opacity">·</text>
	                      <text class="sk-transparent sk-text-14-7059-109 sk-text">兴趣培养</text>
	                    </view>
	                    <view class="store-num">
	                      <view class="store-count sk-transparent sk-text-11-5385-74 sk-text">1人已预约</view>
	                      <view class="store-distance sk-transparent">
	                        <image mode="scaleToFill" class="sk-image"></image>761m</view>
	                    </view>
	                    <view class="store-rate sk-transparent sk-text-16-6667-860 sk-text" style="background-position-x: 50%;">5.0分</view>
	                  </view>
	                </view>
	                <view class="store-item" data-event-opts="tap,jumpDetil,$0,leftlist,,1,id">
	                  <image class="store-thumb sk-image" mode="widthFix" style="height: 132.052px;"></image>
	                </view>
	              </view>
	              <view class="store-item-even">
	                <view class="store-item" data-event-opts="tap,jumpDetil,$0,rightlist,,0,id">
	                  <image class="store-thumb sk-image" mode="widthFix" style="height: 93.9299px;"></image>
	                  <view class="store-info">
	                    <view class="store-name sk-transparent sk-text-15-0000-531 sk-text">PowerX源动力健身</view>
	                    <view class="store-content word-line-clamp1">
	                      <text class="sk-transparent sk-text-14-7059-582 sk-text">健身工作室</text>
	                    </view>
	                    <view class="store-num">
	                      <view class="store-count sk-transparent sk-text-11-5385-633 sk-text">9人已预约</view>
	                      <view class="store-distance sk-transparent">
	                        <image mode="aspectFill" class="sk-image"></image>863m</view>
	                    </view>
	                    <view class="store-rate sk-transparent sk-text-16-6667-311 sk-text" style="background-position-x: 50%;">5.0分</view>
	                  </view>
	                </view>
	                <view class="store-item" data-event-opts="tap,jumpDetil,$0,rightlist,,1,id">
	                  <image class="store-thumb sk-image" mode="widthFix" style="height: 107.712px;"></image>
	                  <view class="store-info">
	                    <view class="store-name sk-transparent sk-text-15-0000-201 sk-text">快闪·20分钟黑科技易型EMA(福田店)</view>
	                    <view class="store-rate sk-transparent sk-text-16-6667-136 sk-text" style="background-position-x: 50%;">5.0分</view>
	                  </view>
	                </view>
	              </view>
	            </view>
	          </view>
	        </scroll-view>
	        <view>
	          <!-- <view class="tarbar tabbar--tarbar data-v-48eece8c tabbar--data-v-48eece8c" style="padding-bottom:34px;">
	            <view class="tabbar-item tabbar--tabbar-item data-v-48eece8c tabbar--data-v-48eece8c active tabbar--active" data-event-opts="tap,selectIcon,0">
	              <image class="tab-index-img tabbar--tab-index-img data-v-48eece8c tabbar--data-v-48eece8c sk-image" mode="widthFix" style="height: 37px;"></image>
	            </view>
							<view class="tabbar-item tabbar--tabbar-item data-v-48eece8c tabbar--data-v-48eece8c active tabbar--active" data-event-opts="tap,selectIcon,0">
							  <image class="tab-index-img tabbar--tab-index-img data-v-48eece8c tabbar--data-v-48eece8c sk-image" mode="widthFix" style="height: 37px;"></image>
							</view>
							<view class="tabbar-item tabbar--tabbar-item data-v-48eece8c tabbar--data-v-48eece8c active tabbar--active" data-event-opts="tap,selectIcon,0">
							  <image class="tab-index-img tabbar--tab-index-img data-v-48eece8c tabbar--data-v-48eece8c sk-image" mode="widthFix" style="height: 37px;"></image>
							</view>
							<view class="tabbar-item tabbar--tabbar-item data-v-48eece8c tabbar--data-v-48eece8c active tabbar--active" data-event-opts="tap,selectIcon,0">
							  <image class="tab-index-img tabbar--tab-index-img data-v-48eece8c tabbar--data-v-48eece8c sk-image" mode="widthFix" style="height: 37px;"></image>
							</view>
							<view class="tabbar-item tabbar--tabbar-item data-v-48eece8c tabbar--data-v-48eece8c active tabbar--active" data-event-opts="tap,selectIcon,0">
							  <image class="tab-index-img tabbar--tab-index-img data-v-48eece8c tabbar--data-v-48eece8c sk-image" mode="widthFix" style="height: 37px;"></image>
							</view>
	          </view> -->
	        </view>
	      </view>
	    </view>
	  </view>
</template>

<script>
	export default {
		name:"index-skeleton",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">/*
此文件为开发者工具生成，生成时间: 2022/12/2下午5:00:22

在 /Users/anker/Desktop/gfn-xiuxian/unpackage/dist/dev/mp-weixin/pages/index/index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-30-0000-223 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-3-8462-357 {
    background-image: linear-gradient(transparent 3.8462%, #EEEEEE 0%, #EEEEEE 96.1538%, transparent 0%) !important;
    background-size: 100% 25.0000rpx;
    position: relative !important;
  }
.sk-text-12-5000-149 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-12-5000-638 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-12-5000-782 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-12-5000-965 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-12-5000-403 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-12-5000-750 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-opacity {
    opacity: 0 !important;
  }
.sk-text-14-2857-53 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-556 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-15-2174-545 {
    background-image: linear-gradient(transparent 15.2174%, #EEEEEE 0%, #EEEEEE 84.7826%, transparent 0%) !important;
    background-size: 100% 44.2308rpx;
    position: relative !important;
  }
.sk-text-15-0000-222 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-15-0000-978 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-20-0000-435 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-15-0000-349 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-14-7059-86 {
    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
    background-size: 100% 32.6923rpx;
    position: relative !important;
  }
.sk-opacity {
    opacity: 0 !important;
  }
.sk-text-14-7059-109 {
    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
    background-size: 100% 32.6923rpx;
    position: relative !important;
  }
.sk-text-11-5385-74 {
    background-image: linear-gradient(transparent 11.5385%, #EEEEEE 0%, #EEEEEE 88.4615%, transparent 0%) !important;
    background-size: 100% 25.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-860 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 34.6154rpx;
    position: absolute !important;
  }
.sk-text-15-0000-531 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-14-7059-582 {
    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
    background-size: 100% 32.6923rpx;
    position: relative !important;
  }
.sk-text-11-5385-633 {
    background-image: linear-gradient(transparent 11.5385%, #EEEEEE 0%, #EEEEEE 88.4615%, transparent 0%) !important;
    background-size: 100% 25.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-311 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 34.6154rpx;
    position: absolute !important;
  }
.sk-text-15-0000-201 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-16-6667-136 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 34.6154rpx;
    position: absolute !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

</style>
